<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<jsp:include page="/WEB-INF/views/comm/title.jsp"></jsp:include>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/css/blog.css">

<body>
<!-- Prompt IE 7 users to install Chrome Frame -->
<!--[if lt IE 8]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->

<div class="container">

<jsp:include page="/WEB-INF/views/comm/header.jsp"></jsp:include>

  <div class="blog-page main grid-wrap">

		<header class="grid col-full">
			<hr>
		</header>
		
				
		<section class="grid col-three-quarters mq2-col-two-thirds mq3-col-full">
					
					
			<article id="temp" class="post">
				<h2><a href="#" class="post-title">글쓰기 </a></h2>
				<div class="meta">
					<p>Post<span class="time"><input type="date" id="reg_date" /></span> by <a href="#" id="RegName" class="fn"><input type="hidden" id="reg_Name" />${USER_NAME}</a>
				</div>
				<div class="entry"> 
					<textarea id="contents" ></textarea>
				</div>
				<footer>
					<a class="regist_btn" id="regist_btn">등록하기</a>
				</footer>
			</article>

				<c:forEach items="${COMMENT_LIST}" var="comment" >
					<article class="post">
						<li class="comment">
							<div class="meta">
								<p>
									Posted on <span class="time"> ${comment.REG_DATE}</span> by
									<a href="#" class="fn">${comment.REG_NAME}</a> with <a href="/views/blogpost.do?BLOG_NO=${comment.BLOG_NO}" class="comments-link">${comment.CMT_CNT} 개의 댓글 </a>.
								</p>
							</div>
							<div class="entry">
								<p>${comment.CONTENTS}</p>
							</div><footer>
								<a href="/views/blogpost.do?BLOG_NO=${comment.BLOG_NO}" class="more-link">자세히 보기</a>
							</footer>
						</li>
					</article>
				</c:forEach>






				<!--  
			<article class="post">
				<h2><a href="#" class="post-title">Blog post</a></h2>
				<div class="meta">
					<p>Posted on <span class="time">November 15, 2011</span> by <a href="#" class="fn">Sylvain Lafitte</a> in <a href="#"class="cat">Other</a> with <a href="#" class="comments-link">42 comments</a>.</p>
				</div>
				<div class="entry">
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.</p>
				</div>
				<footer>
					<a href="#" class="more-link">Continue readingâ¦</a>
				</footer>
			</article>
			
			<article class="post">
				<h2><a href="#" class="post-title">Blog post</a></h2>
				<div class="meta">
					<p>Posted on <span class="time">November 15, 2011</span> by <a href="#" class="fn">Sylvain Lafitte</a> in <a href="#"class="cat">Other</a> with <a href="#" class="comments-link">42 comments</a>.</p>
				</div>
				<div class="entry">
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.</p>
				</div>
				<footer>
					<a href="#" class="more-link">Continue readingâ¦</a>
				</footer>
			</article> -->			
		
			<ul id="pagingHandling" class="page-numbers">
				<li><a class="postPage" href="#">Prev</a></li>
				<li><a class="postPage" href="#" class="current">1</a></li>
				<li><a class="postPage" href="#">2</a></li>
				<li><a class="postPage" href="#">3</a></li>
				<li><a class="postPage" href="#">4</a></li>
				<li><a class="postPage" href="#">Next</a></li>
			</ul>
		
		</section>

		<!-- <aside class="grid col-one-quarter mq2-col-one-third mq3-col-full blog-sidebar">
				
			<div class="widget">
				<input id="search" type="search" name="search" value="Type and hit enter to search" >
			</div>
			
			<div class="widget">
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim.</p>
			</div>
			
			<div class="widget">
			<h2>Popular Posts</h2>
			<ul>
				<li><a href="#" title="">Nullam porttitor elementum ligula</a></li>
				<li><a href="#" title="">Vestibulum interdum</a></li>	
				<li><a href="#" title="">Quisque venenatis ante sit amet dolor</a></li>		
				<li><a href="#" title="">Aliquam adipiscing libero vitae leo</a></li>		
				<li><a href="#" title="">Sed accumsan quam ac tellus</a></li>	
			</ul>
			</div>
			
			<div class="widget">
			<h2>Categories</h2>
			<ul>
			 	<li><a href="http://">Design (99+)</a></li>
				<li><a href="http://">Web (53)</a></li>
				<li><a href="http://">Other (12)</a></li>
				<li><a href="http://">Weird (4)</a></li>
			</ul>
			</div>
		
			<div class="widget">
			<h2>Meta</h2>
			<ul>
				<li><a href="">Entries (RSS)</a></li>
				<li><a href="">Comments (RSS)</a></li>
			</ul>
			</div>
		</aside>	 -->
	</div> <!--main-->
	
<jsp:include page="/WEB-INF/views/comm/footer.jsp"></jsp:include>
</div>
 <script src="${pageContext.request.contextPath}/resources/js/mind/blog.js"></script>
</body>
</html>